<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>::: www.happy.co.th :::</title>
<link href="${RESOURCE}/eng/css/happy.css" rel="stylesheet" type="text/css">
</head>

<body topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0" background="${RESOURCE}/eng/images/bg_micro.jpg">
<table width="1003" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="60" colspan="3">&nbsp;</td>
  </tr>
  <tr>
    <td width="100"><img src="${RESOURCE}/eng/images/space.gif" width="100" height="1"></td>
    <td valign="top"><table width="806" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td valign="top"><img src="${RESOURCE}/eng/images/top_key.gif" width="806" height="170"></td>
        </tr>
        <tr>
          <td valign="top" background="${RESOURCE}/eng/images/bg_all_micro.gif"><table width="90%" border="0" align="center" cellpadding="0" cellspacing="1" >
                              <tr>
                                <td  valign="top" align="right" height="2">
                                </td>
                              </tr>
                              <tr>
                                <td  valign="top" height="2" ><br>
								<div align="right"><a href="javascript: window.close()"><img src="${RESOURCE}/eng/images/b_close.gif" border ="0"></a></div>
								<form action="/bp3/bin/Dspc/DpromptItemizeBilling" method="post" name="form"  id="form">
                                  <p><img src="${RESOURCE}/eng/images/h_dpromptitembilling.gif" width="450" height="27"><br> <!--SVLT.LOOP:ERROR_BOX-->                         
							<table width="60%"  border="0" align="center" cellpadding="0" cellspacing="0" >
                              <tr>
                                <td align="center" valign="middle" class="textnormalred">
                                  <!--SVLT.VAR:ERROR_MSG-->
								</td>
                              </tr>
                            </table>
							<!--SVLT.END:ERROR_BOX-->
                               <p>
								  <table width="95%" border="0" align="center" cellpadding="0" cellspacing="1">
                                            <tr>
                                              <td width="100%" height="25" align="center" bgcolor="#FFFFFF" class="subhead"><table width="100%"  border="0" cellspacing="0" cellpadding="3">
											  <tr>
											  <td align="left" class="textnormal">
											    <div align="left" class="textnormalred_bold">
											      <img src="${RESOURCE}/eng/images/bb_service.gif" width="10" height="13"> Wherever your call, Whatever your services are, We can show you all details. 
											    </div></td>
											  </tr>
												<tr>
                                                            <td align="left" bgcolor="#FFFFFF">
															<span class="textnormal_bold">Your usage for</span>                                                
												<select name="period" id="period" onChange="go()">															   
                                                     <!--SVLT.LOOP:ym-->
                                                      <option value="<!--SVLT.VAR:value-->" <!--SVLT.VAR:selected-->><!--SVLT.VAR:name--></option>
                                                     <!--SVLT.END:ym-->
                                                </select></td>
                                                </tr>
                                              </table>
											  <table width="100%" border="0" cellpadding="1" cellspacing="0">
											  <tr><td height="40">
											    <table width="410" border="1" align="left" cellpadding="3" cellspacing="0" bordercolor="#9EB5BE" bgcolor="#9EB5BE" class="textnormal">
                                            <tr bgcolor="#FFFFFF" >
                                              <td width="200" height="2" align="left"><font class="textnormal_bold">Your mobile phone number :</font></td>
                                              <td width="210" align="left"><!--SVLT.VAR:subrNumb-->  <div align="right"></div></td>
                                            </tr>
                                            <tr bgcolor="#FFFFFF" >
                                              <td align="left"><font class="textnormal_bold">Date and time : </font></td>
                                              <td align="left"><!--SVLT.VAR:dateTime--></td>
                                            </tr>
                                        </table></div>
										</td></tr>
											  <tr>
											    <td height="18" align="left" class="textnormal_bold"> <br><img src="${RESOURCE}/eng/images/bb_service.gif" width="10" height="13"> This document is for checking service usage only and may not be used for any other purposes.</td>
											    </tr>
											  </table>
														<br>
			<table width="95%"  border="0" cellspacing="0" cellpadding="0" class="textnormal" >
				 <tr>
                    <td valign="top"><table width="100%"  border="1" cellpadding="0" cellspacing="0" bordercolor="#9EB5BE"  background="/bp3/dpromptimage/website/images/eng/share/bg.gif" bgcolor="#9EB5BE" class="textnormal">
                       <tr align="center" bgcolor="#D1DBE0">
                        <td colspan="10" class="textnormal"><strong>Refill services</strong></td>
                        </tr>
					  <tr align="center" bgcolor="#DEEAED" class="textnormal_bold">                        
                        <td width="19%">Type</td>
                        <td width="29%">Service</td>
                        <td width="9%">Item no.</td>
                        <td width="12%">Date</td>
			<td width="10%">Time</td>
                        <td width="11%">Credit Amount <br>(Baht)</td>
			<td width="11%">Happy Bonus Amount <br>(Baht)</td>
                        <td width="10%">Notes</td>
                        </tr> 

				<!--SVLT.LOOP:cdr-->                    
					  <tr bgcolor="#FFFFFF"><font class="textnormal_bold">                       
                        <td><strong>&nbsp; <!--SVLT.VAR:from--></strong></td>
                        <td><strong>&nbsp; <!--SVLT.VAR:servdesc--></strong></td>
                        <td><div align="center"><!--SVLT.VAR:no--></div></td>
                        <td><div align="center"><!--SVLT.VAR:startdate--></div></td>
			<td><div align="center"><!--SVLT.VAR:starttime--></div></td>
                        <td><div align="right"><!--SVLT.VAR:chargMainAmount--></div></td>
			<td><div align="right"><!--SVLT.VAR:chargBonusAmount--></div></td>
                        <td>&nbsp; <!--SVLT.VAR:status--></td>
                        </font></tr>
				<!--SVLT.END:cdr-->
				    </table>               
			          </td>
                  </tr>
			      <tr>
                    <td height="22" align="right" valign="top" bgcolor="#FFFFFF">&nbsp; </td>
                  </tr>
                </table>  </td>
                                            </tr>
                                  </table>
								  <table width="95%" height="152"  border="0" align="center" cellpadding="0" cellspacing="1">
				        <tr>
                          <td height="107" colspan="2" align="left" valign="top"><p><span class="textnormal_bold">   <img src="${RESOURCE}/eng/images/bb2.gif" width="10" height="13"> Note : </span><br>
                              <span class="textnormalred"><img src="${RESOURCE}/eng/images/bb.gif" width="5" height="5"> </span><span class="textnormal">The transactions shown on your itemised bill does not include your current usage.</span><span class="textnormalred"><br> 
                              </span>
						    <span class="textnormalred"><img src="${RESOURCE}/eng/images/bb.gif" width="5" height="5"> </span><span class="textnormal">This document is for checking service usage only and may not be used for any other purposes.</span></p>                            </td>
                          </tr>
					    <tr>
                          <td width="80%" align="center" valign="baseline"><div align="left"><a href="javascript:prnt()"><font class="textnormal"><u>Click here to print</u></font><img src="${RESOURCE}/eng/images/b_print_a.gif" width="44" height="18" border="0"></a></div></td>
                          <td width="30%"><table width="100%"  border="0" cellpadding="1" cellspacing="0" class="textnormal">
						    <tr>
                              <td colspan="2" align="right"><strong>
<script language="JavaScript" type="text/JavaScript">
function go() {
  window.form.submit();
}

function next() {
  var x = parseInt(document.form.selectedPage.value)+1;
  document.form.selectedPage.value=x;
  window.form.submit();
}

function prev() {
  var x = parseInt(document.form.selectedPage.value)-1;
  document.form.selectedPage.value=x;
  window.form.submit();
}

function prnt(){  
window.open("/bp3/bin/Dspc/DpromptItemizeBilling?func=print&period=<!--SVLT.VAR:period-->","printFriend","width=700,toolbar=1,directories=0,scrollbars=1,resizable=yes,menubar=yes" );
}                                
</script>
					page</strong> 
							    <select name="selectedPage" id="selectedPage" onChange="go()">
                                  <!--SVLT.LOOP:list-->
                                  <option value="<!--SVLT.VAR:value-->" <!--SVLT.VAR:selected-->> <!--SVLT.VAR:value--> </option>
                                  <!--SVLT.END:list-->
                                </select>  
							    <strong>/
							    <!--SVLT.VAR:allPage-->
							    </strong></td>
 						   </tr>
			 <tr align="center" valign="top">
				 <td width="74%" align="right">&nbsp;</td>
			 </tr>
			   <tr align="right" valign="top">
                              <td colspan="2" align="right">
							    <!--SVLT.LOOP:isPrev-->
                                <a href="javascript:prev()"><img src="${RESOURCE}/eng/images/b_previous.gif" width="70" height="22" border="0"></a>      <!--SVLT.END:isPrev-->
                                <!--SVLT.LOOP:isNext-->
                                <a href="javascript:next()"><img src="${RESOURCE}/eng/images/b_next.gif" width="60" height="22" border="0"></a>              <!--SVLT.END:isNext-->
							   <input name="func" type="hidden" id="func" value="show">
							   <input name="oldPeriod" type="hidden" value="<!--SVLT.VAR:period-->">					  
							  </td>
                            </tr>
                          </table></td>
                        </tr>
				      </table>
					</form>									
					</td>
                              </tr>
                          </table></td>
        </tr>
    </table></td>
    <td width="97"><img src="${RESOURCE}/eng/images/space.gif" width="97" height="1"></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td height="26" valign="top" background="${RESOURCE}/eng/images/bot_service.gif"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="91%">&nbsp;</td>
          <td width="9%">&nbsp;</td>
        </tr>
    </table></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td height="26" valign="top">&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>
